<template>

    <div class="iconSh">
        <ul class="icon-q">
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-dingdan"></use>
                    </svg>
                    <br> 我的订单
                </router-link>
            </li>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-zhanghaoguanli"></use>
                    </svg>
                    <br> 账户管理
                </router-link>
            </li>
            <li>
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-shouji"></use>
                    </svg>
                    <br> 我的手机号
                </router-link>
            </li>
        </ul>
        <ul class="icon-q">
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-rili2"></use>
                    </svg>
                    <br> 周六一起拼
                </router-link>
            </li>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-shouhou"></use>
                    </svg>
                    <br> 售后服务
                </router-link>
            </li>
            <li>
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-yaoqinghaoyou"></use>
                    </svg>
                    <br> 邀请返利
                </router-link>
            </li>
        </ul>
        <ul class="icon-q">
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-youxiangou"></use>
                    </svg>
                    <br> 优先购
                </router-link>
            </li>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-jinbi"></use>
                    </svg>
                    <br> 积分中心
                </router-link>
            </li>
            <li>
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-huiyuan"></use>
                    </svg>
                    <br> 会员俱乐部
                </router-link>
            </li>
        </ul>
        <ul class="icon-q">
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-dizhiguanli"></use>
                    </svg>
                    <br> 地址管理
                </router-link>
            </li>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-24gl-shieldCheck"></use>
                    </svg>
                    <br> 支付安全
                </router-link>
            </li>
            <li>
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-kefu"></use>
                    </svg>
                    <br>帮助与客服
                </router-link>
            </li>
        </ul>
        <ul>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-Opinion"></use>
                    </svg>
                    <br> 意见反馈
                </router-link>
            </li>
            <li class="icon-w">
                <router-link to="">
                    <svg class="icon">
                        <use xlink:href="#icon-sifapaimai"></use>
                    </svg>
                    <br> 我的竞拍
                </router-link>
            </li>
            <li>

            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "Listsh"
    }
</script>

<style scoped>
    .iconSh {
        width: 100%;
        height: 450px;
        border-bottom: 18px solid #eee;
    }

    ul {
        width: 100%;
        height: 90px;
        display: flex;
        justify-content: space-around;

    }

    .icon-q {
        border-bottom: 1px solid #d9d9d9;
    }

    li {
        width: 32%;
        height: 100%;
        text-align: center;
        font-size: 12px;
    }

    .icon-w {
        border-right: 1px solid #d9d9d9;
    }

    .icon {
        width: 30%;
        height: 30%;
        margin-top: 25px;
        margin-bottom: 3px;
    }

</style>